badgebadgelight

Addanyofthebelowmentionedmodifierclassestochangetheappearanceofabadge.PrimarySecondarySuccessDangerWarningInfoLightDark.,badge-*classesonanelementquicklyprovideactionablebadgeswithhoverandfocusstates.PrimarySecondarySuccessDangerWarningInfoLightDark.Copy.,Usethe.rounded-pillutilityclasstomakebadgesmoreroundedwithalargerborder-radius.PrimarySecondarySuccessDangerWarningInfoLightDark.,r...

參考資訊如下
Badges

Add any of the below mentioned modifier classes to change the appearance of a badge. Primary Secondary Success Danger Warning Info Light Dark.

Badges · Bootstrap v4.6

badge-* classes on an <a> element quickly provide actionable badges with hover and focus states. Primary Secondary Success Danger Warning Info Light Dark. Copy.

Badges · Bootstrap v5.0

Use the .rounded-pill utility class to make badges more rounded with a larger border-radius . Primary Secondary Success Danger Warning Info Light Dark.

Badges · Bootstrap v5.2

rounded-pill utility class to make badges more rounded with a larger border-radius . Primary Secondary Success Danger Warning Info Light Dark. html.

Badges · Bootstrap v5.3

Use the .rounded-pill utility class to make badges more rounded with a larger border-radius . Primary Secondary Success Danger Warning Info Light Dark. html.

Bootstrap 4 Badges

<span class=badge badge-pill badge-info>Info</span> <span class=badge badge-pill badge-light>Light</span> <span class=badge badge-pill badge-dark>Dark</ ...

Bootstrap4 徽章（Badges）

... badge badge-warning>警告</span> <span class=badge badge-info>信息</span> <span class=badge badge-light>浅色</span> <span class=badge badge-dark>深色</ ...

標籤(Badges) · Bootstrap 5 繁體中文文件

這是因為背景通用類別只有 background-color 的設定。 Primary Secondary Success Danger Warning Info Light Dark.